<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>审核列表(供应商)</title>
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{easyui/themes/icon.css}">
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.easyui.min.js}"></script>
    <script type="text/javascript">
        //工具栏
        var toolbar = [{
            text: '添加',
            iconCls: 'icon-edit',
            handler: function () {
                $('#dd').dialog('open');
            }
        }];
        $(function () {
            $('#booklist').datagrid({
                title: '审核列表',
                iconCls: 'icon-save',
                url: '/manager/examine/findAllExamineByCondition',
                columns: [
                    [
                        {field: 'title', title: '审核标题', width: 100, align: 'center'},
                        {field: 'info', title: '审核备注', width: 200, align: 'center'},
                        {
                            field: 'flag', title: '审核状态', width: 80, align: 'center', formatter: function (val, row) {
                                //val 当前对象属性中的值
                                //row 当前行的信息
                                if (val == 0) {
                                    return "待审核";
                                }
                                if (val == 1) {
                                    return "审核不通过";
                                }
                                if (val == 2) {
                                    return "审核通过";
                                }
                                return '数据丢失';
                            }
                        },
                        {
                            field: 'bookId',
                            title: '书籍详情',
                            width: 200,
                            align: 'center',
                            formatter: function (value, row, index) {
                                return "<a href='javascript:showBook(" + value + ")'>查看</a>";
                            }
                        }
                    ]
                ],
                toolbar: toolbar,
                pagination: true,//表示在datagrid设置分页
                pageSize: 5,
                singleSelect: true,
                pageList: [5, 10, 20]
            });

            $("#selectByCondition").click(function () {
                $('#booklist').datagrid({
                    queryParams: {

                        bookName: $("#bookName").val(),
                        ISBN: $("#ISBN").val()

                    }
                });
            });


            //初始化修改窗口
            $('#dd').dialog({
                title: 'My Dialog',
                width: 700,
                height: 500,
                closed: true,
                cache: false,
                href: '',
                modal: true,
                iconCls: 'icon-save',
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        $('#ff').prop("action", "/manager/examine/addExamine");
                        $('#ff').submit();

                        alert('ok');
                        //$('#booklist').datagrid("reload");
                    }
                }, {
                    text: '关闭',
                    handler: function () {
                        alert('cancel');

                    }
                }]
            });


        });

        function showBook(id) {

            $('#dd').dialog({
                // title: 'showBook Dialog',
                // width: 700,
                // height: 500,
                // closed: true,
                // cache: false,
                // href: '',
                // modal: true,
                // iconCls: 'icon-save',
                // buttons: [{
                //     text:'提交',
                //     iconCls:'icon-ok',
                //     handler:function(){
                //         $('#ff').prop("action","/manager/examine/addExamine");
                //         $('#ff').submit();
                //
                //         alert('ok');
                //         //$('#booklist').datagrid("reload");
                //     }
                // },{
                //     text:'关闭',
                //     handler:function(){
                //         alert('cancel');;
                //     }
                // }]
            });
        }
    </script>
    <script th:inline="javascript">
        var msg=[[${msg}]];
        if (msg!=null){
            alert([[${msg}]]);
        }
    </script>
</head>
<body>
<form name="searchform" method="post" action="/manager/examine/findAllExamineByCondition" id="searchform">
    <td width="70" height="30"><strong>审核查询：</strong></td>
    <td height="30">
        <input type="text" name="bookName" id="bookName" size=20 placeholder="书籍名称"/>
        <input type="text" name="ISBN" id="ISBN" size=20 placeholder="ISBN"/>
    </td>
    <td>
        <button type="button" id="selectByCondition">查询</button>
    </td>
</form>
<table id="booklist"></table>
<div id="dd">
    <div align="center" style="margin-top: 30px">
        <form id="ff" method="post" enctype="multipart/form-data">
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="bookName" style="width:50%"
                       data-options="label:'书籍名称:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="ISBN" style="width:50%"
                       data-options="label:'ISBN:',required:true,validType:'email'">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="price" style="width:50%"
                       data-options="label:'单价:',required:true,validType:'email'">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="number" style="width:50%"
                       data-options="label:'数量:',required:true,validType:'email'">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="groupPrice" style="width:50%"
                       data-options="label:'团购价:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="layout" style="width:50%" data-options="label:'版次:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="register" style="width:50%"
                       data-options="label:'册数:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="weight" style="width:50%" data-options="label:'重量:',required:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="bookIntroduce" style="width:50%;height:60px"
                       data-options="label:'书籍简介:',multiline:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="authorIntroduce" style="width:50%;height:60px"
                       data-options="label:'作者简介:',multiline:true">
            </div>
            <div style="margin-bottom:20px">
                封面图片:&nbsp;&nbsp;&nbsp;&nbsp; <input type="file" name="file"/>
            </div>
        </form>
    </div>
</div>
</body>
</html>